<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>测试详情</title>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css">
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css">
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css">
    <link href="css/test_Details_md.css" rel="stylesheet" type="text/css">
    <link href="css/test_Details_sm.css" rel="stylesheet" type="text/css">
</head>
<body>
   <!-- <div style="width: 1920px;height: 50px;background-color: #a593e0"></div>-->
    <!--头部导航栏，响应式，最小宽度768-->
   <!--头部导航栏，响应式，最小宽度768-->
   <div class="nav">
       <a class="logo_Astray">Astray</a>
       <ul class="nav_ul">
           <a href="index.html"><li class="nav_li nav_action">首页</li></a>
           <a href="article_Index.html"><li class="nav_li">文章</li></a>
           <a href="question_Index.html"><li class="nav_li">问答</li></a>
           <a href="test_Index.html"><li class="nav_li">测试</li></a>
           <a href="FM_Index.html"><li class="nav_li">FM</li></a>
           <li class="nav_menu">
               <ul class="nav_drop">
                   <li class="item">更多<span class="triangle"></span></li>
                   <a href="interact_List.html"><li class="item">动态</li></a>
                   <a href=""><li class="item">选项2</li></a>
               </ul>
           </li>
       </ul>
       <ul class="nav_ul_info">
           <li class="nav_ul_info_li">
               <a  class="nav_ul_info_img" href="user_Center.html">
                   <img src="img/headPhoto.png" width="2rem">
               </a>
               <div id="user_infoBox">
                   <ul>
                       <li>
                           文章<br/>
                           <span>11</span>
                       </li>
                       <li>
                           提问<br/>
                           <span>11</span>
                       </li>
                       <li>回答<br/>
                           <span>11</span>
                       </li>
                       <li>收藏<br/>
                           <span>11</span>
                       </li>
                   </ul>
                   <dl>
                       <dt>称号：</dt>
                       <dd><img src="img/jia.png" alt=""></dd>
                       <dd><img src="img/jia.png" alt=""></dd>
                   </dl>
                   <div>
                       <a>签到</a>
                       <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                   </div>
               </div>

           </li>
           <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
           <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
       </ul>
   </div>

    <div class="test_category_serach">
        <ul class="test_category_serach_nav_ul">
            <li class="test_category_serach_nav_li">爱情测试</li>
            <li class="test_category_serach_nav_li">性格测试</li>
            <li class="test_category_serach_nav_li">能力测试</li>
            <li class="test_category_serach_nav_li">会员测试</li>
            <li class="test_category_serach_nav_li">精选测试</li>
            <li class="test_category_serach_nav_li">专业测试</li>
            <li class="test_category_serach_nav_li">热门测试</li>
            <li class="test_category_serach_nav_li">
                <input type="text" placeholder="请输入搜索关键字"/>
                <img src="img/headPhoto.png" width="20"/>
            </li>
        </ul>
        <!--分类横线-->
        <ul class="test_category_serach_nav_ul">
            <li class="test_category_serach_line"></li>
        </ul>
    </div>
    <!--个人中心主体内容-->
    <div class="main">
        <!--主体左，包含用户名片，以及用户的资源-->
        <div class="leftBody">
            <!--用户资源-->
            <div class="testResources">
                <div class="tabList">
                </div>
                <div class="tabContentList">
                    <div class="tabContent">
                        <span class="module_title">主页</span>
                    </div>
                    <!--文章-->
                    <div class="tabContent">
                        <h3> <span>
                         &nbsp;    <img class="article_Pic" src="img/testPing.png" alt="" style="width: 40px;height: 40px">
                            心理内耗指数评估
                        </span></h3>
                        <div>
                            <p class="ren_zi">                                &nbsp;
                            </p>
                        </div>
                        <div>
                            <p class="ren_zi">
                                <img   src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                                <img   src="img/test_ren.png"  style="width: 10px;height: 10px;"/> 11次收藏&nbsp;&nbsp;&nbsp;
                                <img   src="img/test_ren.png"  style="width: 10px;height: 10px;"/> 2018-01-10 14：37：40&nbsp;&nbsp;&nbsp;
                                <img   src="img/test_ren.png"  style="width: 10px;height: 10px;"/>0条评论&nbsp;&nbsp;&nbsp;
                                本测试共<span class="ren_zi2">56</span>题
                            </p>
                        </div>
                        <div class="xian"></div>
                            <h1 class="zhu"><img src="img/test_zhu.png"/></h1>

                        <div class="tshow">
                            <p class="tdesc">不知从什么时候开始，我们好像活得越来越累——<br />
                            <br />
                            · 经常觉得很累，压力很大，但其实好像也没做什么；<br />
                            · 习惯把事情拖到最后一刻，当接近最后期限时，压力和慌张感让人紧张不已；<br />
                            · 明明是娱乐放松的时候，心里却总惦记着还没完成的工作……<br />
                            <br />
                            实际上，这些看似平常不过的日常行为正在慢慢消耗你的内心资源。心理学上对这种行为的解释是：自我控制需要消耗心理资源，当资源不足时，个体即处于一种所谓内耗的状态，长期的内耗会让你感到疲惫。<br />
                            <br />
                            低内耗的生活其实就是一个良性循环，它会让你越过越轻松。而高内耗则是无止境的恶性循环。你越是内耗，情绪越是低落，对自己的表现越是不满意，接着你很快会发现自己又陷入新的内耗中。<br />
                            <br />
                            本测评将根据你在想法抑制、冲动控制、高难度任务、拖延等方面综合评估你的心理损耗程度，展现你目前的内耗指数，并针对性给予建议，及时为你的心理资源充电。<br />
                            <br />
                            温馨提示：<br />
                            ① 本测评为付费测试，体验价为8.8元。 <br />
                            ② 测试题：56题，测试时间：约15分钟。<br />
                            ③ 测评不能重测，做题时请实际情况作答，答题结束后会生成一份专业报告。<br />
                            ④ 付费成功后，页面跳转可能需要时间进行加载，建议在网络较好的情况下进行测试。<br />
                            ⑤ 购买的测评会自动保存在壹心理官网（www.xinli001.com），点击右上角头像进入个人主页，选择【测试】，点击具体测试进入，即可继续答题或查看报告。<br />
                            ⑥ 如有任何问题，欢迎私信【壹心理客服@测评】，或关注【壹心理测评】公众号，会有客服为您耐心解答。</p>

                            <div class="payArea">
                                <p class="price_new"><span>￥</span>8.80<span class="tag">体验价</span>
                                    <span class="price_old">价格￥69.00</span></p>
                            </div>
                            <div class="anniu">
                                 <p class="anniu_zi"> 购买测试</p>
                            </div>
                        </div>
                    </div>
                        <div class="zhijian"></div>
                    <!--文章之后-->
                    <p class="ren_zi">
                        <img   src="img/test_ren.png"  style="width: 10px;height: 10px;"/>&nbsp;&nbsp;&nbsp;喜欢？！收藏
                    </p>
                    <div class="he">
                        <div class="left">上一篇：<span>她 /他为什么不爱你</span></div>
                        <div class="right"> 下一篇：<span>什么让你对爱不勇敢</span></div>
                       <br/> <hr/>
<div class="shuru" style="background-image: url('img/test_shuru.png');background-repeat:no-repeat;height:200px;width: 700px; padding: 38px 36px 10px 16px;" />

                        <textarea  type="text" value="" class="input_shuru"  style="width: 515px;height: 183px;"></textarea>

                        </div>
                        <div>
                            <p class="anniu_zi2">发表留言</p>
                        </div><hr/>
                      <span class="weibu">  还没有留言，<a href="">抢沙发</a></span>
                    </div>
                </div>
            </div>
            <!--rightbody的结尾-->
        </div>
        <!--主体右，包含签到记录以及关注列表-->
        <div class="rightBody">

            <div class="attention">
                        <div class="attentionInfo">
                            <div><h4>编辑推荐：</h4>    </div>

                        </div>
                        <div style="clear: both"></div>
                <div class="attUserList">
                   <a href="#"><img class="img1" src="img/test_you1.png" /></a>
                   <a href="#"><img  class="img2" src="img/test_you2.png" /></a>
                   <a href="#"><img class="img3"  src="img/test_you3.png" /></a>
                </div>     <hr/>
            </div>

            <div class="attentionInfo">
                <h4>专业测评推荐：<span class="genduo"> 更多>></span></h4>

            </div>
            <div style="clear: both"></div>
            <div class="attUserList">
                <a href="#"><img src="img/test_you4.png" style="margin: 5px 0px 5px 5px;"/></a>
                <a href><span class="right_span2" >
                                你应如何增加人气？
                                <br/><br/>
                        <img  src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                    </span></a>
            </div>
            <div class="attUserList">
                <a href="#"><img src="img/test_you4.png" style="margin: 5px 0px 5px 5px;"/></a>
                <a href><span class="right_span2" >
                                你应如何增加人气？
                                <br/><br/>
                        <img  src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                    </span></a>
            </div>
            <div class="attUserList">
                <a href="#"><img src="img/test_you4.png" style="margin: 5px 0px 5px 5px;"/></a>
                <a href><span class="right_span2" >
                                你应如何增加人气？
                                <br/><br/>
                        <img  src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                    </span></a>
            </div>
            <div class="attUserList">
                <a href="#"><img src="img/test_you4.png" style="margin: 5px 0px 5px 5px;"/></a>
                <a href><span class="right_span2" >
                                你应如何增加人气？
                                <br/><br/>
                        <img  src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                    </span></a>
            </div>
            <div class="attUserList">
                <a href="#"><img src="img/test_you4.png" style="margin: 5px 0px 5px 5px;"/></a>
                <a href><span class="right_span2" >
                                你应如何增加人气？
                                <br/><br/>
                        <img  src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                    </span></a>
            </div>
            <div class="attUserList">
                <a href="#"><img src="img/test_you4.png" style="margin: 5px 0px 5px 5px;"/></a>
                <a href><span class="right_span2" >
                                你应如何增加人气？
                                <br/><br/>
                        <img  src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                    </span></a>
            </div>
            <div class="attUserList">
                <a href="#"><img src="img/test_you4.png" style="margin: 5px 0px 5px 5px;"/></a>
                <a href><span class="right_span2" >
                                你应如何增加人气？
                                <br/><br/>
                        <img  src="img/test_ren.png"  style="width: 10px;height: 10px;"/>1798人测试过&nbsp;&nbsp;&nbsp;
                    </span></a>
            </div>

        </div>
        </div>
</body>

</html>